import React from 'react';
import './ShelfCard.scss';
import { Image } from 'antd-mobile';
import { CloseOutline } from 'antd-mobile-icons'
function ShelfCard({ item }) {
   return (
      <div className='card_item'>
         <div className="item">
            <Image  lazy={true} src={item.cover} width="16vw" height="11vh" style={{ borderRadius: 4 }} />
            <div className="item_content">
               <h3 className='con_title'>{item.title}</h3>
               <p className='con_txt'>{item.description}</p>
            </div>
            <span className='icon_delect'><CloseOutline fontSize={16} color='#BEBEBE'/></span>
         </div>
      </div>
   );
}

export default ShelfCard;